.settingPage .welcomeTitle {
  font-size: 25px;
  color: rgba(var(--semi-blue-5), 1);
  margin-left: 20px !important;
  font-weight: 700;
}
.settingPage .cardGroup {
  margin-top: 40px;
}
.settingPage .cardGroup .cardBox {
  margin-bottom: 20px !important;
}
.settingPage .cardGroup .cardBox .indexBox {
  display: flex;
}
.settingPage .cardGroup .cardBox .indexBox .indexIconP {
  color: rgba(var(--semi-red-5), 1);
}
.settingPage .cardGroup .cardBox .indexBox .indexIconN {
  color: rgba(var(--semi-green-5), 1);
}
.settingPage .cardGroup .cardBox .indexBox .indexData {
  font-size: 16px !important;
  font-weight: 700;
  color: rgba(var(--semi-blue-5), 1);
  margin-right: 10px;
}
.settingPage .chartGroup {
  margin-top: 40px;
}
.settingPage .chartGroup .columnChart {
  min-height: 200px;
  border-radius: 8px;
  margin-bottom: 30px;
  border: 2px solid #ddd;
  margin-right: 20px !important;
  border-radius: 8px !important;
}
.settingPage .chartGroup .circleChart {
  min-height: 200px;
  border-radius: 8px;
  border: 2px solid #ddd;
  border-radius: 8px !important;
}
.settingPage .lineChartBox {
  width: 100% ;
  height: 400px;
  margin-top: 40px;
  border-radius: 8px;
  border: 2px solid #ddd;
  border-radius: 8px !important;
}
.settingPage .dividerBox {
  margin-bottom: 20px !important;
  color: rgba(var(--semi-blue-5), 1);
  padding-left: 10px !important;
  margin-right: 10px;
}
.settingPage .dividerBox .dividerTitle {
  font-size: 18px !important;
  font-weight: 700 !important;
  margin-left: 29px;
}
